<!DOCTYPE html>
<html>
	<head>
		<title>css应用1</title>
		<meta charset="utf-8"/>
		<style type="text/css">
			/*①*/
			p{
				text-indent: 2em;
			}
			/*②*/
			a{
				text-decoration:none; 
			}
			/*③*/
			h1,p{
				color: red;
			}
			/*④*/
			.ita{
				font-style: italic;
			}
			/*⑤*/
			ul a:hover{
				text-decoration: underline;
			}
			/*⑥*/
			a.ita{
				font-weight: bold;
			}
			/*⑦*/
			#hyperlink{
				background-color: yellow;
			}
		</style>
	</head>
	<body>
		<h1>一级标题</h1>
    	<p>第一个段落</p>
    	<p class="ita">第二个段落</p>
    	<p>第三个段落</p>
    	<a href="#">第一个超链接</a>
    	<a href="#">第二个超链接</a>
    	<a href="#" class="ita">第三个超链接</a>
   	 	<a href="#" id="hyperlink">第四个超链接</a>
    	<ul>
      		<li><a href="#">列表超链接1</a></li>
     		<li><a href="#">列表超链接2</a></li>
      		<li><a href="#">列表超链接3</a></li>
    	</ul>
	</body>
</html>